<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逗游吧后台框架</title>
    <% include ../include/docs-link %>
</head>
<body class="wrapper-body">
<% include ../include/docs-header %>
<div class="wrapper-container">
    <div class="container-fluid">
        <div class="row no-gutter">
            <div class="col-2">
                <% include ../include/docs-nav %>
            </div>
            <div class="col-10">
                <div class="wrapper-content">
                    <article class="wrapper-article">
                        <h1>图片懒加载</h1>
                        <div class="anchor">
                            <h2 id="概述">概述</h2>
                            <a href="#概述">#</a>
                        </div>
                        <div class="anchor">
                            <h2 id="基础用法">基础用法</h2>
                            <a href="#基础用法">#</a>
                        </div>
                        <div class="example">
                            <div class="example-case">
                                <% for(var i=0; i<30; i++){ %>
                                <p>
                                    <img data-original="http://t2.27270.com/uploads/tu/20150410/5doj4tgeevi.jpg" alt="图片" />
                                </p>
                                <br />
                                <% } %>
                            </div>
                            <div class="example-code">
    <pre><code class="html">
    &lt;img data-original="http://t2.27270.com/uploads/tu/20150410/5doj4tgeevi.jpg" alt="图片" /&gt;
    </code></pre>
                            </div>
                            <div class="example-desc">
                                只需给图片添加属性名 data-original 值为 图片真实地址 即可。
                            </div>
                            <div class="example-code-more">
                                <i class="glyphicon glyphicon-triangle-bottom"></i>
                                <span>Show Code</span>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</div>
<% include ../include/docs-footer %>
</body>
</html>